<div class = "d1"></div>
<div class = "d2"></div>
<div class = "d3"></div>
<div class = "d4"></div>
<div class = "d5"></div>
<div class = "d6"></div>
<div class = "d7"></div>
  <style>
  .d1{
    height:50px;
    background:red;
}
  .d2{
    height:50px;
    background:yellow;
}
  .d3{
    height:50px;
    background:green;
}
  .d4{
    height:50px;
    background:blue;
}
  .d5{
    height:50px;
    background:pink;
}
  .d6{
    height:50px;
    background:brown;
}
  .d7{
    height:50px;
    background:purple;
}

  </style>